﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="XclusiveClient.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Xclusive Logistics - Transport & Inventory Management System</title>
    <link href="../Master Resources/XLStyle.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript" src="../Master Resources/XLScript.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="main-container">
        <header>
            <h1>
                <a href="../Default.aspx">Xclusive</a></h1>
            <p id="tagline">
                <strong>Transport & Inventory Management System</strong></p>
        </header>
    </div>
    <div class="main-container">
        <div id="sub-headline">
            <div class="tagline_left">
                <p id="tagline2">
                    Tel: +65 8888 1337 | Mail: <a href="mailto:logistics@xclusive.com">logistics@xclusive.com</a></p>
            </div>
            <br />
            <br class="clear" />
        </div>
    </div>
    <!-- Greeting tagline using navigation containers -->
    <div class="main-container">
        <div id="nav-container">
            <nav>
                <ul class="nav">
                    <li style="margin: 10px"><b>Welcome!</b></li>
                </ul>
            </nav>
            <!-- End of Greeting -->
            <div class="clear">
            </div>
        </div>
    </div>
    <!-- Slideshow -->
    <div class="main-container">
        <div class="container1">
            <div id="mySlides">
                <div id="slide1">
                    <img src="../Images/Slide1.png" alt="Slide 1 jFlow Plus" />
                </div>
                <div id="slide2">
                    <img src="../Images/Slide2.png" alt="Slide 2 jFlow Plus" />
                </div>
                <div id="slide3">
                    <img src="../Images/Slide3.gif" alt="Slide 3 jFlow Plus" />
                </div>
            </div>
            <div id="myController">
                <span class="jFlowControl"></span><span class="jFlowControl"></span><span class="jFlowControl">
                </span>
            </div>
            <section class="jFlowPrev">
                <div>
                </div>
            </section>
            <section class="jFlowNext">
                <div>
                </div>
            </section>
            <!-- End of slideshow -->
            <br />
            <br />
            <!------ Content goes here ------>
            <region_holder class="box" id="home_featured21">
            <br />
            <br />
                <table style="margin-left: 130px">
                    <tr>
                        <td>
                            <h4>
                                Existing Users:</h4>
                        </td>                     
                        <td>
                            <h4>
                                New User?</h4>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        &nbsp;<asp:Label ID="usernameLbl" Text="Username" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:TextBox ID="usernameTbx" runat="server" ></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;<asp:Label ID="passwordLbl" Text="Password" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:TextBox ID="passwordTbx" runat="server" TextMode="Password"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:Button ID="loginBtn" runat="server" Text="Login" OnClick="loginBtn_Click"></asp:Button>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <table>
                                <tr>
                                    <td>
                                        Create an account to:
                                        <br />
                                        <ul style="margin: 25px">
                                            <li>Get a personalized dashboard</li>
                                            <li>Manage your company's list of inventory</li>
                                            <li>Manage your orders</li>
                                            <li>Prepare your orders for quick shipping</li>
                                        </ul>
                                        <div class="clear">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:Button ID="signupBtn" runat="server" Text="Sign Me Up!" 
                                            onclick="signupBtn_Click" />
                                    </td>
                                </tr>
                            </table>
                            
                        </td>
                    </tr>
                </table>
                <asp:Label ID="lblStatus" runat="server" Visible="false"></asp:Label>
                <asp:Label ID="lbl_login_error" runat="server" Text="Unable to login" Visible="false"></asp:Label>
                <div class="clear">
                </div>
            </region_holder>
            <!------ End of content placeholder------>
            <br />
        </div>
        <!-- Start of website introduction -->
        <div class="container2">
            <region_holder id="home_featured2">
                <ul>
                    <li>
                        <div class="imgholder">
                                <img src="../Images/Featured1.png" width="275" height="145" alt="" /></div>
                        <h4>
                            Multiple Accounts</h4>
                        <p>
                            Once you've registered for an administrator account, you can start adding multiple employee accounts with the possibility of granting them only view privileges.</p>
                    </li>
                    <li>
                        <div class="imgholder">
                                <img src="../Images/Featured2.png" width="275" height="145" alt="" /></div>
                        <h4>
                            Unified Inventory</h4>
                        <p>
                            Xclusive integrates a wide variety of your inventory for your easy management. You can manage your inventory, products, warehouses, suppliers all in one place.</p>
                    </li>
                    <li class="last">
                        <div class="imgholder">
                                <img src="../Images/Featured3.png" width="275" height="145" alt="" /></div>
                        <h4>
                            Shipment Orders</h4>
                        <p>
                            As soon as your orders arrive, Xclusive allows you to have a quick, holistic view of the comprehensive order details, including shipment location maps. Once your orders are ready, it only takes a single button to send them for shipment. </p>
                    </li>
                </ul>
                <!-- End of introduction -->
                <br class="clear" />
            </region_holder>
        </div>
    </div>
    </form>
    </form>
    <!-- Our website canvas -->
    <div class="callout">
        <div class="calloutcontainer">
            <div class="container_12">
                <div class="grid">
                    <region_holder class="footboxInHomePage">
                    <center>
                        <h2>
                            Affiliates</h2>
                        <br />
                        <img src="../Images/Amazon.png" />
                        <br />
                        <img src="../Images/eBay.png" />
                    </center>
                    </region_holder>
                    <region_holder class="footbox last">
                        <h2>
                            Stay Updated With Us</h2>
                        <div id="social">
                            <br />
                            <a href="#" class="s3d twitter">Twitter <span class="icons twitter"></span></a><a
                                href="#" class="s3d facebook">Facebook <span class="icons facebook"></span></a>
                        </div>
                    </region_holder>
                    <!-- End of canvas-->
                    <div class="clear">
                    </div>
                </div>
                <div class="calloutoverlay">
                </div>
                <div class="calloutoverlaybottom">
                </div>
            </div>
        </div>
    </div>
    <!-- Begin of our website footer -->
    <footer>
        <p class="tagline_left">
            Copyright &copy; 2012 - All Rights Reserved - <a href="default.aspx">Xclusive Logistics
                &trade; Inc.</a></p>
        <p class="tagline_right">
            Dedicated System for Logistic Companies</p>
        <br class="clear" />
    </footer>
    <!-- End of footer -->
    <br />
    <br />
    </form>
</body>
</html>
